<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
            Number(变量或者数值)
            结果是:转成了数值的数据
            转换规则:
                把变量中的内容 当做一个整体看待  
                如果这个整体能转成一个合法的数字  那么就返回转换好的数字 
                如果这个整体不能转成一个合法的数字 那么就返回NaN
                '123'   123
                '123z'   NaN 
                整数 浮点数 都支持  
                'true' => NaN
                'false' = > NaN
                true   => 1
                false  => 0 



            parseInt(变量或者内容 )
            结果:转换好的数值类型数据    整数
            转换规则:
                1. 不管转换什么,都是一位一位的看待 
                2. 如果第一位不能转成合法数字 直接输出NaN 
                3. 如果第一位能转成合法数字 那么保留并输出  继续往后看第二位 
                以此类推直到不能转换为止 停止向右走  

            注意事项:
                1. 不识别小数点  
                2. 不能转true  false 
            '123.456' => 123
            '123abc' => 123
            true = > NaN
            false = > NaN

            parseFloat(变量或者内容 )
            结果:转换好的数值类型数据    浮点数
            转换规则:
                1. 不管转换什么,都是一位一位的看待 
                2. 如果第一位不能转成合法数字 直接输出NaN 
                3. 如果第一位能转成合法数字 那么保留并输出  继续往后看第二位 
                以此类推直到不能转换为止 停止向右走  

            注意事项:
                1. 识别小数点  
                2. 不能转true  false 




        */

        // var num1 = prompt('请输入第一个数字:');
        // var num2 = prompt('请输入第二个数字:');
        // var res = Number(num1)+Number(num2);
        // document.write(`两个数字的和是:${res}`);

        // console.log(Number(true),Number(false));
        // console.log(Number('123a'),Number('abc123'));



        // NaN NaN



        //parseInt 
        // var num1 = prompt('请输入第一个数字:');
        // var num2 = prompt('请输入第二个数字:');
        // var res = parseInt(num1)+parseInt(num2);
        // document.write(`两个数字的和是:${res}`);
        // '100a'  => 100
        // '200b'  => 200
        // console.log(parseInt('200.85')+parseInt('300.9'));
        
        // // '200.85' =>200
        // // '300.9'  =>300

        // console.log(parseInt(true)+parseInt(false));
        // // true => NaN
        // // false => NaN 




        // var num1 = prompt('请输入第一个数字:');
        // var num2 = prompt('请输入第二个数字:');
        // var res = parseFloat(num1)+parseFloat(num2);
        // document.write(`两个数字的和是:${res}`);


        // console.log(parseFloat(true)+parseFloat(false));
     

        //整体看待 用Number()
        // 如果你想要整数结果  parseInt()
        // 如果你想要浮点数阶段  parseFloat()


        // console.log('123'+456); // 123456
        // var box1 = '123';
        // console.log(typeof box1);
        // var res = box1-0;  // 明着起始就是先Number(box1)-0
        // console.log(typeof res);

        // var box2 = '123';
        // console.log(typeof box2);
        // var res2 = box2*1; // 明着起始就是先Number(box2)*1
        // console.log(typeof res2);

        // var box3 = '123';
        // console.log(typeof box3);
        // var res3 = box3/1; // 明着起始就是先Number(box3)-0
        // console.log(typeof res3);
        // // console.log(typeof '123'-0,'123'-0); // 不支持'123'-0 需要将其放到一个变量中
        // // console.log(typeof '123'*1,'123'*1);
        // // console.log(typeof '123'/1,'123'/1);


        // var num1 = 100;
        // var num2 = 200;


        

    </script>
</body>
</html>